<!--
 * @Author: 邱智聪
 * @Date: 2020-06-28 17:56:14
 * @LastEditTime: 2020-07-01 14:35:03
 * @LastEditors: Please set LastEditors
 * @Description: 申请退款成功
 * @FilePath: \ShopProject\JKshop\jkshop\src\pages\return\returnSuccess.vue
--> 

 
<template>
  <div> 
    <!-- 申请退货成功 -->
    <template v-if="audit">
      <div class="returnSuccess">
        <van-nav-bar title="申请成功" left-text="返回" left-arrow @click-left="goBack" />
        <div class="content">
          <div class="icon">
            <div class="font">√</div>
          </div>
          <p>您的申请审核通过</p>
          <div>
            <van-button class="btn" type="default" to="returnLogistics">填写退货物流信息</van-button>
          </div>
        </div>
      </div>
    </template>
     <!-- 申请退货失败 -->
    <template v-else>
      <div class="returnFalse">
        <van-nav-bar title="申请失败" left-text="返回" left-arrow @click-left="goBack" />
        <div class="content">
          <div class="icon" style="background-color: #fbaf44ed">
            <div class="font">!</div>
          </div>
          <p>很抱歉，您的申请审核不通过</p>
          <div>
            <van-button class="btn" type="default">联系客服</van-button>
          </div>
          <div>
            <van-button class="btn" to="returnApply" type="default">重新申请</van-button>
          </div>
        </div>
      </div>
    </template>
  </div>
</template>
    


<script>
export default {
  data(){
      return{
         audit:1 //申请通过  (1:通过；0：不通过)
      }
  },
  methods: {
    goBack() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="scss" scoped>
@import "@/style/return/success";
</style>